<!DOCTYPE HTML> <html> <head> <title>pixi.js example 1</title> <style> body { margin: 0; padding: 0; background-color: #000000; } </style> <script src="../../bin/pixi.dev.js"></script> </head> <body> <script> var stage = new PIXI.Stage(); var renderer = new PIXI.autoDetectRenderer(1024, 768, null, true, true); //var renderer = new PIXI.CanvasRenderer(1024, 768, null, true, true); document.body.appendChild(renderer.view); var imgUrl = 'http://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Ski_trail_rating_symbol-blue_square.svg/600px-Ski_trail_rating_symbol-blue_square.svg.png'; var sprite = PIXI.Sprite.fromImage(imgUrl); sprite.position.set(0, 0); sprite.pivot.set(sprite.width/2, sprite.height/2); stage.addChild(sprite); requestAnimFrame(animate); function animate() { requestAnimFrame(animate); sprite.rotation += 0.1; renderer.render(stage); } </script> </body> </html>